Angular CLI দিয়ে নতুন প্রজেক্ট তৈরি করা

Web Development - অ্যাঙ্গুলার হাই চার্ট (Angular High Charts) - Angular প্রজেক্ট সেটআপ |
3
3

Angular CLI (Command Line Interface) হলো Angular অ্যাপ্লিকেশন তৈরি এবং পরিচালনা করার জন্য একটি শক্তিশালী টুল। এটি কমান্ড লাইন থেকে Angular প্রজেক্ট তৈরি, বিল্ড, টেস্ট, এবং ডিপ্লয় করার সুবিধা দেয়। Angular CLI ব্যবহার করে নতুন একটি প্রজেক্ট তৈরি করা খুবই সহজ এবং দ্রুত। নিচে Angular CLI দিয়ে নতুন প্রজেক্ট তৈরি করার ধাপগুলি দেওয়া হলো।


Angular CLI ইনস্টল করা

Angular প্রজেক্ট তৈরি করতে হলে প্রথমে Angular CLI ইনস্টল করা প্রয়োজন। যদি আপনার সিস্টেমে Angular CLI ইনস্টল না করা থাকে, তবে কমান্ড লাইন বা টার্মিনালে নিচের কমান্ডটি ব্যবহার করে এটি ইনস্টল করুন:

npm install -g @angular/cli

এই কমান্ডটি Angular CLI গ্লোবালি ইনস্টল করবে। ইনস্টলেশন শেষে, Angular CLI এর সংস্করণ চেক করতে নিচের কমান্ডটি ব্যবহার করুন:

ng version

নতুন Angular প্রজেক্ট তৈরি করা

Angular CLI ইনস্টল হওয়ার পর, নতুন একটি Angular প্রজেক্ট তৈরি করতে নিচের কমান্ডটি ব্যবহার করুন:

ng new project-name

এখানে project-name আপনার পছন্দের প্রজেক্টের নাম হতে হবে। এই কমান্ডটি রান করার পর Angular CLI কিছু প্রশ্ন করবে:

  • Would you like to add Angular routing?
    যদি আপনি অ্যাপ্লিকেশনে রাউটিং (Navigating between views) চান, তবে ‘Yes’ নির্বাচন করুন। রাউটিং আপনার অ্যাপ্লিকেশনকে একাধিক ভিউ এবং পেজের মধ্যে নেভিগেট করার সুবিধা প্রদান করবে।
  • Which stylesheet format would you like to use?
    এখানে আপনি CSS, SCSS, SASS, বা LESS নির্বাচন করতে পারবেন। সাধারণত CSS সিলেক্ট করা হয়, তবে আপনি SCSS বা SASS বেছে নিতে পারেন যদি আপনার প্রজেক্টে আরও উন্নত স্টাইলিং প্রয়োজন।

Angular CLI এই কমান্ডটি রান করার পর প্রয়োজনীয় সমস্ত ফাইল এবং ডিরেক্টরি তৈরি করবে এবং প্রজেক্টের ভিতরে সমস্ত নির্ভরশীল প্যাকেজ ইনস্টল করবে।


প্রজেক্ট স্ট্রাকচার ব্যাখ্যা

নতুন Angular প্রজেক্ট তৈরি হওয়ার পর, আপনি যে ডিরেক্টরিটি পাবেন তা দেখতে হবে কিছু এভাবে:

  • src/app: অ্যাপ্লিকেশনের মূল কোড এবং কম্পোনেন্টগুলোর জন্য ফোল্ডার।
  • src/assets: স্ট্যাটিক ফাইল যেমন ছবি, স্টাইলশীট, ফন্ট ইত্যাদি এখানে রাখা হবে।
  • src/environments: পরিবেশ সম্পর্কিত কনফিগারেশন ফাইল (ডেভেলপমেন্ট, প্রোডাকশন)।
  • angular.json: অ্যাপ্লিকেশনের কনফিগারেশন ফাইল।
  • package.json: ডিপেনডেন্সি এবং স্ক্রিপ্ট ম্যানেজমেন্ট ফাইল।
  • tsconfig.json: টাইপস্ক্রিপ্ট কনফিগারেশন ফাইল।

প্রজেক্ট রান করা

প্রজেক্ট তৈরি হওয়ার পর, আপনার অ্যাপ্লিকেশনটি চালু করতে নিচের কমান্ডটি ব্যবহার করুন:

cd project-name
ng serve

এই কমান্ডটি প্রজেক্টের ফোল্ডারে ঢুকে Angular অ্যাপ্লিকেশন চালু করবে এবং http://localhost:4200/ এ আপনার অ্যাপ্লিকেশনটি দেখতে পাবেন। এখন আপনি আপনার ব্রাউজারে গিয়ে অ্যাপ্লিকেশনটি দেখতে পারবেন।


Angular CLI এর অন্যান্য সাধারণ কমান্ড

  • কম্পোনেন্ট তৈরি:

    ng generate component component-name
    
  • সার্ভিস তৈরি:

    ng generate service service-name
    
  • মডিউল তৈরি:

    ng generate module module-name
    
  • প্রোডাকশন বিল্ড তৈরি:

    ng build --prod
    
  • টেস্ট রান করা:

    ng test
    
  • ইউনিট টেস্ট চালানো:

    ng e2e
    

সারাংশ

Angular CLI এর মাধ্যমে একটি নতুন Angular প্রজেক্ট তৈরি করা খুবই সহজ। এটি আপনাকে কমান্ড লাইন থেকে সমস্ত প্রয়োজনীয় সেটআপ করতে সহায়তা করে, যেমন নতুন প্রজেক্ট তৈরি করা, কম্পোনেন্ট তৈরি করা, সার্ভার চালানো ইত্যাদি। Angular CLI ব্যবহার করে আপনার অ্যাপ্লিকেশন ডেভেলপমেন্টের প্রক্রিয়া অনেক দ্রুত এবং কার্যকর হয়।

Content added By
Promotion